<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>User Management</title>

<link rel="stylesheet" href="../../css/bootstrap.min.css">
<link rel="stylesheet" href="../../lib/backgrid/backgrid.css">
<link rel="stylesheet" href="../../lib/backgrid/backgrid-select-all.css">
<link rel="stylesheet" href="../../lib/backgrid/backgrid-paginator.css">
<link rel="stylesheet" href="../../lib/backgrid/backgrid-filter.css">
<link rel="stylesheet" href="../../css/styles.css" />
<link rel="stylesheet" href="../../css/layout.css" />

</head>
<body>
	<div class="container-fluid">
            <div id="usertile">
                Object Tile Area for Listing and Addnew/Editing
            </div>
	</div>

	<script type="text/template" id="tpl_usertile">
	<div id="usertile">
		<div class="page-header">
			<h1 align="center">User Management <small>Concise Version</small></h1>
		</div>
		<div id="objecteditor">object editor here. If you see this, it means the object list view or object item
			view are not displayed successfully!</div>
	</div>
	</script>

	<script type="text/template" id="tpl_itemlist">
	<div id="itemlist">
		<a href="#wines/new" id="addnew" class="btn btn-success">Add</a>
		<!--
		<a href="#wines/deleteselected" id="deleteselected" class="btn btn-danger">Delete Selected</a>
		-->
		<a href="#" id="deleteselected" class="btn btn-danger">Delete Selected</a>
		<div id="backgrid" class="backgrid-container">If you see this, it means the backgrid is not displayed properly</div>
	</div>
	</script>

	<script type="text/template" id="tpl_itemdetail">
	<h2 class="page-header text-center">User Detail Edit</h2>
	<form role="form" class="form-horizontal contract-form">
		<div class="form-group">
			<label class="col-sm-4 control-label">Id:</label>
			<div class="col-sm-6">
				<input id="wineId" name="id" type="text" value="<%= id %>"
					class="form-control contact-name-input" disabled />
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-4 control-label">Name:</label>
			<div class="col-sm-6">
				<input type="text" id="loginname" name="loginname" value="<%= name %>"
					class="form-control contact-name-input" required />
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-4 control-label">Grapes:</label>
			<div class="col-sm-6">
				<input type="text" id="password" name="password"
					class="form-control contact-name-input" value="<%= password %>" />
			</div>
		</div>
	</form>
	</script>

  <script src="../../lib/jquery/1.11.3/jquery-1.11.3.js"></script>
  <script src="../../lib/"
	<!--<script src="../../lib/jquery-1.11.0.js"></script>
	<script src="../../lib/backbone/underscore.js"></script>
	<script src="../../lib/backbone/backbone.js"></script>
	<script src="../../lib/backgrid/backbone-pageable.js"></script>-->
	<!--
    <script src="../../lib/backgrid/backbone.paginator.js"></script>
    -->
	<script src="../../lib/backgrid/backgrid.js"></script>
	<script src="../../lib/backgrid/backgrid-select-all.js"></script>
	<script src="../../lib/backgrid/backgrid-paginator.js"></script>
	<script src="../../lib/backgrid/backgrid-filter.js"></script>

	<script src="user-concise.js"></script>

</body>
</html>
